<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<!-- 图标 -->
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
		<!-- 控制头部和底部导航样式 -->
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		
		<!-- 检验登录状态 -->
		
		<title>动态页面</title>
		<style>
			.soloimg img {
				width: 100%;
				margin: 0;
				padding: 0;
			}

			li a {
				background-color: rgba(0, 0, 0, 0);
			}

			#actreplay i {
				color: #FFAA00;
			}
		</style>

		<script src="js/control/ativity.js"></script>
		<script>
			//读取活动
			var actList = getActList();
			console.log(actList);
		</script>
		
		<script>$.mobile.ajaxEnabled = false;</script>
	</head>
	<body>

		<div data-role="page">
			<div data-role="header" data-position="fixed" id="opcitybg">
				<a id="headop" href="c_personal.html" data-role="button" data-ajax="false" data-icon="user"
					data-iconpos="notext"></a>
				<h1>动态</h1>
				<a id="headop" href="c_activityAdd.html" data-role="button" data-ajax="false" data-icon="plus"
					data-iconpos="notext"></a>
			</div>


			​
			<div data-role="main" class="ui-content">
				
				<!-- 读取活动列表数据展示 -->
				<script>
				for(let i=0;i<actList.length;i++){
					document.write(
					'<ul data-role="listview" data-inset="true" data-icon="false">'+
						'<li>'+
							'<a href="c_activityDetial.html?id='+actList[i].actId+'" data-ajax="false">'+
								'<img src="'+actList[i].actUrl[0]+'" data-icon="user" class="ui-li-icon">'+
								'<h1>'+actList[i].actUser+' <i class="fa fa-check-circle">'+actList.actTime+'</i></h1>'+
							'</a>'+
						'</li>'+
						
						'<li data-icon="false">'+
							'<div class="soloimg">'+
								'<img src="'+actList[i].actUrl[0]+'" />'+
								'<h2>'+actList[i].info+'</h2>'+
								'<p>'+actList[i].info+'</p>'+
							'</div>'+
							'<p id="actreplay">'+
								'<a><i class=" fa fa-star"></i></a>'+
								'<a><i class=" fa fa-comments-o"></i></a>'+
								'<a><i class=" fa fa-share-alt-square"></i></a>'+
							'</p>'+
						'</li>'
					);
				}
				
				</script>
				
				<ul data-role="listview" data-inset="true" data-icon="false">
					<li>
						<a href="c_activityDetial.html" data-ajax="false">
							<img src="./img/head/head2.jpg" data-icon="user" class="ui-li-icon">
							<h1>小明 <i class="fa fa-check-circle">上午11：30 </i></h1>
						</a>
					</li>
				
					<li data-icon="false">
						<div class="soloimg">
							<img src="img/activity/act33.jpg" />
							<h2>今日份快乐</h2>
							<p>美美的大吃一顿</p>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt-square"></i></a>
						</p>
					</li>
				</ul>
				
				
				
				
				
				
				

				<ul data-role="listview" data-inset="true" data-icon="false">
					<li>
						<a href="c_activityDetial.html" data-ajax="false">
							<img src="./img/head/head2.jpg" data-icon="user" class="ui-li-icon">
							<h1>小明 <i class="fa fa-check-circle">上午11：30 </i></h1>
						</a>
					</li>

					<li data-icon="false">
						<div class="soloimg">
							<img src="img/activity/act33.jpg" />
							<h2>今日份快乐</h2>
							<p>美美的大吃一顿</p>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt-square"></i></a>
						</p>
					</li>
				</ul>

				<ul data-role="listview" data-inset="true" data-icon="false">
					<li>
						<a href="c_activityDetial.html" data-ajax="false">
							<img src="./img/head/head1.jpg" data-icon="user" class="ui-li-icon">
							<h1>小明 <i class="fa fa-check-circle">上午11：30 </i></h1>
						</a>
					</li>
					<li>
						<div>
							<h2>今天快乐打卡</h2>
							<p>啦啦啦。。。。</p>
							<div class="soloimg">
								<img src="img/activity/act31.jpg" />
							</div>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt"></i></a>
						</p>
					</li>
				</ul>

				<ul data-role="listview" data-inset="true" data-icon="false">
					<li>
						<a href="c_activityDetial.html" data-ajax="false">
							<img src="./img/head/head2.jpg" data-icon="user" class="ui-li-icon">
							<h1>小明 <i class="fa fa-check-circle">上午11：30 </i></h1>
						</a>
					</li>

					<li data-icon="false">
						<div>
							<h2>今日份快乐</h2>
							<p>美美的大吃一顿</p>
							<div class="soloimg">
								<img src="img/activity/act32.jpg" />
							</div>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt"></i></a>
						</p>
					</li>
				</ul>

				<ul data-role="listview" data-inset="true" data-icon="false">
					<li>
						<a href="c_activityDetial.html" data-ajax="false">
							<img src="./img/head/head2.jpg" data-icon="user" class="ui-li-icon">
							<h1>小明 <i class="fa fa-check-circle">上午11：30 </i></h1>
						</a>
					</li>

					<li data-icon="false">
						<div class="soloimg">
							<img src="img/activity/act35.jpg" />
							<h2>今日份快乐</h2>
							<p>美美的大吃一顿</p>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt"></i></a>
						</p>
					</li>
				</ul>

			</div>

			<div data-role="footer" data-position="fixed" id="footerbg">
				<div data-role="navbar">
					<ul>
						<li><a href="index.html" id="menua" data-ajax="false"><i
									class="fa fa-home fa-2x"></i><br><span>首页</span></a></li>
						<li><a href="c_activity.html" id="selectmenu" data-ajax="false"><i
									class="fa fa-street-view fa-2x"></i><br><span>动态</span></a>
						</li>
						<li><a href="s_shopping_cart.html" id="menua" data-ajax="false"><i
									class="fa fa-shopping-cart fa-2x"></i><br>收藏</a></li>
						<li><a href="c_message.html" id="menua" data-ajax="false"><i
									class="fa fa-comments-o fa-2x"></i><br><span>信息</span></a></li>
						<li><a href="c_SellerManue.html" id="menua" data-ajax="false"><i
									class="fa fa-user-circle fa-2x"></i><br><span>卖家</span></a></li>
					</ul>
				</div>

			</div>
		</div>

		<script src="./js/scroll.js"></script>
	</body>

</html>
